<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>携程</title>
  <link rel="stylesheet" href="css/base.css">
  <link rel="stylesheet" href="css/xiecheng.css">
  <link rel="stylesheet" href="css/iconfont.css">
</head>
<body>
  <!-- 搜索框部分 -->
  <div class="search_index">
    <div class="search">
      <span>搜索：目的地/酒店/景点/航班号</span>
    </div>
    <div class="logo"><span>我的</span></div>
  </div>
  <!-- 焦点图部分 -->
  <div class="banner">
    <a href="#">
      <img src="images/xiecheng-guanggao.jpg" alt="">
    </a>
  </div>
  <!-- 导航部分 -->
  <ul class="nav">
    <li><a href="#"><span></span>攻略·景点</a></li>
    <li><a href="#"><span></span>门票·玩乐</a></li>
    <li><a href="#"><span></span>美食林</a></li>
    <li><a href="#"><span></span>周边游</a></li>
    <li><a href="#"><span></span>一日游</a></li>
  </ul>
  <div class="nav2">
    <div class="nav2_1">
      <a href="#">酒店</a>
      <a href="#">民宿·客栈</a>
      <a href="#">特价爆款</a>
    </div>
    <div class="nav2_2">
      <a href="#">机票</a>
      <a href="#">火车票</a>
      <a href="#">汽车·船票</a>
      <a href="#">专车·租车</a>
    </div>
    <div class="nav2_3">
      <a href="#">旅游</a>
      <a href="#">高铁游</a>
      <a href="#">邮轮游</a>
      <a href="#">定制游</a>
    </div>
  </div>
  <!-- 更多导航 -->
  <ul class="subnav_entry">
    <li><a href="#"><i></i><span>自由行</span></a></li>
    <li><a href="#"><i></i><span>WIFI电话卡</span></a></li>
    <li><a href="#"><i></i><span>保险·签证</span></a></li>
    <li><a href="#"><i></i><span>换钞·购物</span></a></li>
    <li><a href="#"><i></i><span>向导·包车</span></a></li>
    <li><a href="#"><i></i><span>特价机票</span></a></li>
    <li><a href="#"><i></i><span>礼品卡</span></a></li>
    <li><a href="#"><i></i><span>申卡·借卡</span></a></li>
    <li><a href="#"><i></i><span>旅拍</span></a></li>
    <li><a href="#"><i></i><span>更多</span></a></li>
  </ul>
  <!-- 底部  -->
  <div class="footer">
    <div>
      <a href="#">
      <i class="iconfont">&#xe60d</i>
      <span>电话预定</span>
      </a>
    </div>
    <div>
      <a href="#">
      <i class="iconfont">&#xe639</i>
      <span>下载客户端</span>
      </a>
    </div>
    <div>
      <a href="#">
      <i class="iconfont">&#xe617</i>
      <span>我的</span>
      </a>
    </div>
  </div>

  <div class="copyright">
    <div class="tools">
      <a href="#">网站地图</a>
      <a href="#">language</a>
      <a href="#">电脑版</a>
    </div>
    <div class="p">
      <span>©2020携程旅行</span>
      <span>沪ICP备XXXXXXX号</span>
    </div>
  </div>
</body>
</html>